//定制请求的实例

//导入axios  npm install axios
import axios from 'axios';
//定义一个变量,记录公共的前缀  ,  baseURL
//const baseURL = 'http://localhost:8080';
const baseURL = '/api';
const instance = axios.create({baseURL})


//导入token状态
import {
    useTokenStore
} from '@/stores/token.js';
//添加请求拦截器
instance.interceptors.request.use(
    (config) => {
        //在发送请求之前做什么
        let tokenStore = useTokenStore()
        //如果token中有值，在携带
        if (tokenStore.token) {
            config.headers.token = tokenStore.token
        }
        return config
    },
    (err) => {
        //如果请求错误做什么
        Promise.reject(err)
    }
)

import router from '@/router'
import { ElMessage } from 'element-plus'
//添加响应拦截器
instance.interceptors.response.use(
    result=>{
        if(result.data.code===200){
            return result.data;
        }
        //代码到这里，表示状态码不为200，本次操作失败
        alert(result.data.message||"服务异常")
        ElMessage.error(result.data.message||"服务异常");
        return Promise.reject(result.data);//将异步的状态转化为失败状态
        
    },
    err=>{
         //如果响应状态码时401，代表未登录，给出对应的提示，并跳转到登录页
         if (err.response.status === 401) {
            ElMessage.error('请先登录')
            router.push('/login')
        } else {
            ElMessage.error('错误');
        }
        return Promise.reject(err); //异步的状态转化成失败的状态
    }
)

export default instance;